@extends('web.layouts.user')

@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('resources/web/css/index.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('resources/web/css/ucenter.css')}}">
@endsection

@section('content')
<style type="text/css">
    .error-tips{color:red;}
</style>
    <div class="uc-wrap swrap mt20">
        <div class="uc-side L">
            <div class="uc-nav">
                <ul>
                    @include('web.user_center.menu')
                </ul>
            </div>
        </div>
        <div class="uc-main uc-mainbg R">
            <!-- 认证状态显示 -->
            <ul class="user-renzheng-box">
                <li class="no-border">
                    <div class="item">
                        @if($user->userInfo->name_verified ==1)
                            <div class="item-img name-checked"></div>
                            <h3>实名认证</h3>
                            <a href="#">已认证</a>
                        @else
                            <div class="item-img name-check"></div>
                            <h3>实名认证</h3>
                            <a href="javascript:showDialog('m_setName')">未认证</a>
                        @endif
                    </div>
                    <p>充值提现，必须完成实名认证</p>
                </li>
                <li>
                    <div class="item">
                        @if($user->phone_number_verified == 1)
                            <div class="item-img tel-checked"></div>
                            <h3>手机认证</h3>
                            <a href="">已认证</a>
                        @else
                            <div class="item-img tel-check"></div>
                            <h3>手机认证</h3>
                            <a href="javascript:showDialog('m_setPhoneNumber')">未认证</a>
                        @endif
                    </div>
                    <p>账户资金变动，实时通知</p>
                </li>
                <li>
                    <div class="item">
                        @if($user->email_verified == 1)
                            <div class="item-img email-checked"></div>
                            <h3>邮箱认证</h3>
                            <a href="#">已认证</a>
                        @else
                            <div class="item-img email-check"></div>
                            <h3>邮箱认证</h3>
                            <a href="javascript:showDialog('m-email')   ">未认证</a>
                        @endif
                    </div>
                    <p>找回密码，接收最新消息</p>
                </li>
            </ul>
            <!-- 安全等级 -->
            <dl class="user-account-safe-lavel">
                <dt>您的安全等级：</dt>
                @if($securityLevel < 33)
                    <dd class="bar">
                        <div style="width:{{ $securityLevel }}%;background-color:#ff5134;"></div>
                    </dd>
                    <dd class="lavel" style="color:red">低</dd>
                @elseif($securityLevel <66 )
                    <dd class="bar">
                        <div style="width:{{ $securityLevel }}%;background-color:#f4a51d;"></div>
                    </dd>
                    <dd class="lavel" style="color:#f4a51d;">中</dd>
                @else
                    <dd class="bar">
                        <div style="width:{{ $securityLevel }}%;background-color:#94d326;"></div>
                    </dd>
                    <dd class="lavel" style="color: #94d326;">高</dd>
                @endif
            </dl>
            <!-- 账户设置列表 -->
            <ul class="user-account-setting-list">
                <li>
                    <div class="name">绑定银行卡</div>
                    <div class="desc">保障资金安全和正常投资</div>
                    <div class="status">
                    @if(!empty($user->userInfo->bank_card_number))
                        <i style="float: left;" class="{{ $user->userInfo->bank_code }}"></i><label style="display:block;line-height:34px;float: left;">**{{ substr($user->userInfo->bank_card_number,-4) }}</label>
                    @else
                       <label style="display:block;line-height:34px;float: left;">&nbsp;</label>
                    @endif
                    </div>
                    <div class="do">

                    @if(!empty($user->userInfo->bank_card_number))
                        <a href="javascript:showDialog('d-unbindbankcard')">解绑</a>
                    @else
                        <a href="{{ action('UserCenter\UserCenterController@setBank') }}">绑定</a>
                    @endif
                    </div>
                </li>
                <li>
                    <div class="name">证件信息</div>
                    <div class="desc">实名认证，账户更安全</div>
                    <div class="status">&nbsp;
                        @if($user->userInfo->name_verified == 1)
                            {{ $id_card }}
                        @endif
                    </div>
                    <div class="do">
                    @if($user->userInfo->name_verified ==1)
                        <label>已绑定</label>
                    @else
                        <a href="javascript:showDialog('m_setName')">绑定认证信息user</a>
                    @endif
                    </div>
                </li>
                <li>
                    <div class="name">手机号码</div>
                    <div class="desc">手机号是您在倍倍利重要的身份凭证</div>
                    <div class="status">&nbsp;
                        @if($user->isBindingPhoneNumber())
                            {{ $phone_number }}
                        @endif
                    </div>
                    <div class="do">
                        @if($user->phone_number_verified == 1)
                            @if($user->isSetPayPassword())
                                <label><a href="tencent://message/?Menu=yes&amp;amp;uin=938001078&amp;amp;Service=58&amp;amp;SigT=A7F6FEA02730C988AB17D3022F835BC18A5DD59F59B5C56219E8D3788CAB8F68BE39281126F32FEDCCE26098F41A4C6CA33BC6E2922DF1CE8175E35EF7152EA5F83D59D95DC12E6D0A2506E8C98E9BEE3BFEDBC91719FC7F5FD59795ECF54C134507EFE359E113870BE0E2B8DC92252A602028EF414636E8&amp;amp;SigU=30E5D5233A443AB2445EB016F5D15AEB22632D54028DAD66351B0235732B34DFA82E08BE5EFE0C2C516BD37673AEE6276403F79CBCD4D2F525BE3709AE5965AEDD72BBEAB51F1F59">联系客服修改</a></label>
                            @else
                                <a href="javascript:showDialog('m_setPhoneNumber')">解绑</a>
                            @endif
                    @else
                        <a href="javascript:showDialog('m_setPhoneNumber')">绑定</a>
                    @endif
                    </div>
                </li>
                <li>
                    <div class="name">电子邮箱</div>
                    <div class="desc">获取最新的投资讯息和账户信息变动通知</div>
                    <div class="status">&nbsp;
                        @if($user->email_verified == 1)
                            {{ $user_email }}
                        @endif
                    </div>
                    <div class="do">
                        @if ($user->isBindingEmail())
                            <label>已绑定</label>
                        @else
                             <a href="javascript:showDialog('m-email')">绑定</a>
                        @endif
                        </div>
                </li>
                <li>
                    <div class="name">登录密码</div>
                    <div class="desc">登录倍倍利时需要输入的密码</div>
                    <div class="status">&nbsp;</div>
                    <div class="do"><a href="javascript:showDialog('m_password')">修改</a></div>
                </li>
                <li>
                    <div class="name">支付密码</div>
                    <div class="desc">在账户资金变动时需要输入的密码</div>
                    <div class="status">&nbsp;</div>
                    <div class="do">
                    @if($isSetPayPassword == 1)
                        <a href="{{ action('UserCenter\UserCenterController@modifyPayPassword') }}" style="margin-right:5px">修改</a><a href="{{ action('UserCenter\UserCenterController@findPayPassword') }}">找回</a>
                    @else
                        <a href="{{ action('UserCenter\UserCenterController@setPayPassword') }}" style="margin-right:5px">设置</a>
                    @endif
                    </div>
                </li>
            </ul>

        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('resources/web/js/index.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('resources/web/plugins/jquery.validate/jquery.validate.min.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('resources/web/plugins/jquery.validate/jquery.form.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('resources/web/plugins/jquery.validate/additional-methods.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/jquery.validate/localization/messages_zh.js') }}"></script>

    <script type="text/javascript">
        $(function(){
            // 异步表单请求验证
            $('form.form-validation').each(function(){
               $(this).validate({
                    errorElement: 'div',
                    errorPlacement: function (error, element) {
                    error.addClass('help-block error-tips').appendTo(element.parent().parent());
                    },
                    success: function (label, element) {
                        label.remove();
                    },submitHandler: function(form) {
                        $(form).ajaxSubmit({
                            dataType:'json',
                            success: function (result) {
                                swal("温馨提示", result, "success");
                                $(".Validation-information").hide().find('input').val('');    //隐藏表单----清空表单数据
                                $('#sendPhoneCode').val('发送验证码');
                                $('#sendUnBindingBankCardCode').val('发送验证码');
                                //刷新当前页面
                                window.location.reload(true);
                          },
                          error:function(result){
                                for(var i in result.responseJSON){
                                    $(form).find('.error_label').show().text(result.responseJSON[i][0]);
                                    return;
                                }
                          }
                        });
                    }
                }); 
            });
        });
        //关闭弹出弹框
        $('.backIcon').click(function(){
            $(this).parents('.Validation-information').hide().find('input').val('');
            $('#sendPhoneCode').val('发送验证码');
            $('#sendUnBindingBankCardCode').val('发送验证码');
            $(this).parents('.Validation-information').find('.user-account-setting-form').removeClass('show');
        });
        //输入时隐藏错误消息
        $('form').find('input').change(function(){
            $('form').find('.error_label').hide().text('');
        });
        //控制弹出层显示的方法
        function showDialog(clz){
            $('.Validation-information').show();
            $('.' + clz).addClass('show');
        }
        function djs(){
            var btn = $('#sendPhoneCode');
            var number = btn.data('time');
            if(number > 0){
                number-=1;
                btn.data('time',number);
                btn.val('发送验证码('+number+')');
                time = setTimeout("djs()",1000);
            }else{
                btn.attr('disabled',false);
                btn.data('time',60);
                btn.val('发送验证码(60)');
            }
        }
        function djs2(){
            var btn = $('#sendUnBindingBankCardCode');
            var number = btn.data('time');
            if(number > 0){
                number-=1;
                btn.data('time',number);
                btn.val('发送验证码('+number+')');
                time = setTimeout("djs2()",1000);
            }else{
                btn.attr('disabled',false);
                btn.data('time',60);
                btn.val('发送验证码(60)');
            }
        }
        var time = null;
        //控制每分钟发送一次验证码
        $('#sendPhoneCode').click(function(){
            var url = $(this).data('send-url');
            var phone_number = $('#phone_number').val();
            $.ajax({
                url:url,
                data:{
                    'phone_number':phone_number,
                },
              error:function(result){
                    for(var i in result.responseJSON){
                        $('#formPhone').find('.error_label').show().text(result.responseJSON[i][0]);
                        $('#sendPhoneCode').data('time',0);
                        return;
                    }
              }
            });
            // 后台发送验证码
            $(this).attr('disabled','disabled');
            djs();
        });

         $('#sendUnBindingBankCardCode').click(function(){
                    var url = $(this).data('send-url');
                    $.ajax({
                        url:url,
                      error:function(result){
                            for(var i in result.responseJSON){
                                $('#formubc').find('.error_label').show().text(result.responseJSON[i][0]);
                                $('#sendUnBindingBankCardCode').data('time',0);
                                return;
                            }
                      }
                    });
                    // 后台发送验证码
                    $(this).attr('disabled','disabled');
                    djs2();
                });

        
          /*--------------Jquery validate 自定义校验--------------*/
        $.validator.addMethod('id_card',function(value, element, param){
                return this.optional(element) || identityCodeValid(value) || idCardNoUtil.checkIdCardNo(value);
            },"身份证格式不合法哦 O(∩_∩)O~");

 /**
   * 身份证校验方法
   * @param code
   * @returns {boolean}
   * @constructor
   */
  function identityCodeValid(code) {
    var city={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外 "};
    var tip = "";
    var pass= true;

    if(!code || !/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i.test(code)){
      tip = "身份证号格式错误";
      pass = false;
    }

    else if(!city[code.substr(0,2)]){
      tip = "地址编码错误";
      pass = false;
    }
    else{
      //18位身份证需要验证最后一位校验位
      if(code.length == 18){
        code = code.split('');
        //∑(ai×Wi)(mod 11)
        //加权因子
        var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
        //校验位
        var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
        var sum = 0;
        var ai = 0;
        var wi = 0;
        for (var i = 0; i < 17; i++)
        {
          ai = code[i];
          wi = factor[i];
          sum += ai * wi;
        }
        var last = parity[sum % 11];
        if(parity[sum % 11] != code[17]){
          tip = "校验位错误";
          pass =false;
        }
      }
    }
    //if(!pass) alert(tip);
    return pass;
  }

  /**
   * 身份证校验
   * 
   * [idCardNoUtil description]
   * @type {Object}
   */
  var idCardNoUtil = {
  /*省,直辖市代码表*/
  provinceAndCitys: {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",
  31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",
  45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",
  65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"},

  /*每位加权因子*/
  powers: ["7","9","10","5","8","4","2","1","6","3","7","9","10","5","8","4","2"],
  
  /*第18位校检码*/
  parityBit: ["1","0","X","9","8","7","6","5","4","3","2"],

  /*性别*/
  genders: {male:"男",female:"女"},

  /*校验地址码*/
  checkAddressCode: function(addressCode){
     var check = /^[1-9]\d{5}$/.test(addressCode);
     if(!check) return false;
     if(idCardNoUtil.provinceAndCitys[parseInt(addressCode.substring(0,2))]){
       return true;
     }else{
       return false;
     }
  },

  /*校验日期码*/
  checkBirthDayCode: function(birDayCode){
      var check = /^[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))$/.test(birDayCode);
      if(!check) return false;    
      var yyyy = parseInt(birDayCode.substring(0,4),10);
      var mm = parseInt(birDayCode.substring(4,6),10);
      var dd = parseInt(birDayCode.substring(6),10);
   var xdata = new Date(yyyy,mm-1,dd);
   if(xdata > new Date()){
      return false;//生日不能大于当前日期
   }else if ( ( xdata.getFullYear() == yyyy ) && ( xdata.getMonth () == mm - 1 ) && ( xdata.getDate() == dd ) ){
      return true;
   }else{
      return false;
   }
  },
  
  /*计算校检码*/
  getParityBit: function(idCardNo){
    var id17 = idCardNo.substring(0,17);    
     /*加权 */
     var power = 0;
     for(var i=0;i<17;i++){
       power += parseInt(id17.charAt(i),10) * parseInt(idCardNoUtil.powers[i]);
     }              
     /*取模*/ 
     var mod = power % 11;
     return idCardNoUtil.parityBit[mod];
  },
  
  /*验证校检码*/
  checkParityBit: function(idCardNo){
     var parityBit = idCardNo.charAt(17).toUpperCase();
     if(idCardNoUtil.getParityBit(idCardNo) == parityBit){
         return true;
     }else{
         return false;
     }
  },

  /*校验15位或18位的身份证号码*/
  checkIdCardNo: function(idCardNo){
    // return true;
    //15位和18位身份证号码的基本校验
    var check = /^\d{15}|(\d{17}(\d|x|X))$/.test(idCardNo);
    if(!check) return false;
    //判断长度为15位或18位  
    if(idCardNo.length==15){
        return idCardNoUtil.check15IdCardNo(idCardNo);
    }else if(idCardNo.length==18){
        return idCardNoUtil.check18IdCardNo(idCardNo);
    }else{
        return false;
    }
  },

  //校验15位的身份证号码
  check15IdCardNo: function(idCardNo){
     //15位身份证号码的基本校验
     var check = /^[1-9]\d{7}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}$/.test(idCardNo);   
     if(!check) return false;
     //校验地址码
     var addressCode = idCardNo.substring(0,6);
     check = idCardNoUtil.checkAddressCode(addressCode);
     if(!check) return false;
     var birDayCode = '19' + idCardNo.substring(6,12);
     //校验日期码
     return idCardNoUtil.checkBirthDayCode(birDayCode);
  },

  //校验18位的身份证号码
  check18IdCardNo: function(idCardNo){
     //18位身份证号码的基本格式校验
     var check = /^[1-9]\d{5}[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}(\d|x|X)$/.test(idCardNo);
     if(!check) return false;
     //校验地址码
     var addressCode = idCardNo.substring(0,6);
     check = idCardNoUtil.checkAddressCode(addressCode);
     if(!check) return false;
     //校验日期码
     var birDayCode = idCardNo.substring(6,14);
     check = idCardNoUtil.checkBirthDayCode(birDayCode);
     if(!check) return false;
     //验证校检码   
     return idCardNoUtil.checkParityBit(idCardNo);   
  },

  formateDateCN: function(day){
       var yyyy =day.substring(0,4);
       var mm = day.substring(4,6);
       var dd = day.substring(6);
       return yyyy + '-' + mm +'-' + dd;
  },

  //获取信息
  getIdCardInfo: function(idCardNo){
     var idCardInfo = {
       gender:"",   //性别
       birthday:"" // 出生日期(yyyy-mm-dd)
     };
    if(idCardNo.length==15){
        var aday = '19' + idCardNo.substring(6,12);
        idCardInfo.birthday=idCardNoUtil.formateDateCN(aday);
        if(parseInt(idCardNo.charAt(14))%2==0){
            idCardInfo.gender=idCardNoUtil.genders.female;
        }else{
            idCardInfo.gender=idCardNoUtil.genders.male;
        }     
    }else if(idCardNo.length==18){
        var aday = idCardNo.substring(6,14);
        idCardInfo.birthday=idCardNoUtil.formateDateCN(aday);
         if(parseInt(idCardNo.charAt(16))%2==0){
            idCardInfo.gender=idCardNoUtil.genders.female;
        }else{
            idCardInfo.gender=idCardNoUtil.genders.male;
        } 
        
    }
    return idCardInfo;
  },
  
  /*18位转15位*/
  getId15: function(idCardNo){
   if(idCardNo.length==15){
       return idCardNo;
   }else if(idCardNo.length==18){
       return idCardNo.substring(0,6) + idCardNo.substring(8,17); 
   }else{
    return null;
   }
  },
  
  /*15位转18位*/
  getId18: function(idCardNo){
   if(idCardNo.length==15){
       var id17 = idCardNo.substring(0,6) + '19' + idCardNo.substring(6);
       var parityBit = idCardNoUtil.getParityBit(id17);
       return id17 + parityBit;
   }else if(idCardNo.length==18){
       return idCardNo;
   }else{
    return null;
   }
  }
};
    </script>
@endsection